<template>
   <div>
        <el-row :gutter="20" style="margin-top:15px">
            <el-col :span="12" :offset="0">
                <Card>
                    <template slot="topper">
                        <span>热门线上搜素</span><span></span>
                        <el-button style="float: right; padding: 3px 0" type="text"><svg t="1645256445307" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3204" width="16" height="16"><path d="M150.528 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0zM519.168 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0zM887.808 431.104q37.888 0 58.368 24.064t20.48 51.712l0 11.264q0 34.816-17.92 58.88t-59.904 24.064l-7.168 0q-38.912 0-61.952-21.504t-23.04-59.392l0-14.336q0-13.312 5.632-26.624t15.872-24.064 25.6-17.408 33.792-6.656l10.24 0z" p-id="3205"></path></svg></el-button>
                    </template>
                </Card>
            </el-col>
            <el-col :span="12" :offset="0">
                <Pancake>
                    <template slot="topper">
                        <span>销售额类别占比</span>
                        <el-radio-group v-model="radioValue" style="float:right;margin-top:-5px"  size="small">
                        <el-radio-button label="上海"></el-radio-button>
                        <el-radio-button label="北京"></el-radio-button>
                        <el-radio-button label="广州"></el-radio-button>
                        <el-radio-button label="深圳"></el-radio-button>
                        </el-radio-group>
                    </template>
                </Pancake>
            </el-col>
        </el-row>
        
   </div>
</template>

<script>
const cityOptions = ['全部渠道', '线上', '门店'];
import Card from './Card'
import Pancake from './Pancake'
export default {
    name:'Bottom',
    components:{
        Card,Pancake
    },
    data(){
        return{
            cities: cityOptions,
            radioValue:'上海'
        }
    }
}
</script>

<style>

</style>